*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*清楚间距*/

.clearfix:before,
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
/*清楚浮动*/


.container{
    width:1250px;
    margin: 0 auto;

}
/*块元素水平方向居中*/


/*导航栏的样式 开始*/
.navbar-light .navbar-nav .dropdown-toggle{
    border: 1px solid #cdcdcd;
    border-radius: 30px;
}
.form-inline .form-control{
    border-radius: 30px 2px 3px 30px;
    border-color: #ff7e7e;
}
.form-inline #form-in{
    width: 276px;
}
.form-inline .btn{
    border-radius: 2px 83px 80px 0;
    border-color: #ff7e7e;
}
.nav-rigth a{
    color: #777777;
}
.navbar{
    box-shadow: 1px 1px 1px #e1e1e1;
}
.navbar .nav-item .nav-link{
    padding: 2px 12px;
}
.navbar .nav-item .nav-link:hover{
    border: 1px solid #f6b8de;
}
.navbar .navbar-nav .dropdown-men{
    width: 300px;
    display: none;
    position: absolute;
    top: 29px;
    right: -119px;
    z-index: 2;
    background: #fff;
}
.navbar .collapse .dropdown-men .btn{
    width: 115px;
    height: 38px;
    border: 0;
    margin-left: 20px;
    margin-top: 20px;
    color: #fff ;
}
.navbar .collapse .dropdown-men .btn1{
    background: linear-gradient(to left,#ffb88b,#ff8678);
}
.navbar .collapse .dropdown-men .btn i{
    color: #ffdac5;
}
.navbar .collapse .dropdown-men .btn1 i{
    padding-left: 13px;
}
.navbar .collapse .dropdown-men .btn2{
    background: linear-gradient(to left,#ffc8a8,#ff818e);
}
.navbar .collapse .dropdown-men .btn2 i{
    padding-left: 28px;
}
.navbar .collapse .dropdown-men ul{
    text-align: center;
    padding-bottom: 48px;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar .collapse .dropdown-men ul li{
    padding-top: 15px;
}
.navbar .collapse .dropdown-men ul a{
    color: #444444;
    font-size: 13px;
}
.navbar .collapse .dropdown-men ul a:hover{
    background-color: #ccc;
}
/*导航栏的样式 结束*/


/*banner的样式 开始*/
.banner .container{
    background: url("../images/banner_bg.gif") no-repeat 100% 100%;
    border: 1px solid #e0e0e0;
}
.banner .container .row{
    height: 78px;
}
.banner .container .ewm{
    position: relative;
}
.banner .container .ewm i{
    background: url("../images/erweima.gif");
    position: absolute;
    top: 1px;
    left: 40px;
    width: 75px;
    height: 75px;
}
.banner .container .ewm .nv{
    padding-left:118px ;
    padding-top: 14px;
}
.banner .container h6{
    font-weight: bold;
}
/*banner的样式 结束*/



/*轮播的样式 开始*/
.rotation .container{
    border: 1px solid #e0e0e0;
}
.rotation .title h4{
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 8px;
    padding-bottom: 5px;
}
.rotation .hotspot a{
    color: #777777;
    border: 1px solid #cdcdcd;
    border-radius: 30px;
    display: block;
    text-align: center;
    margin-top: 5px;
}
.rotation .selected a{
    width: 194px;
    border: 1px solid #e0e0e0;
    color: #777777;
    text-align: center;
    line-height: 38px;
    border-radius: 0px 30px 28px 0;
}
.rotation .selected button{
    border-radius: 20px 0px 0px 19px;
    background-color: #ff7e7e;
    color: #fff;
    border: 0;
}
.rotation .selected{
    border-top: 1px dashed #e0e0e0;
    border-bottom: 1px dashed #e0e0e0;
    padding: 8px 0;
}
.rotation .selected .jx{
    margin-bottom: 7px;
}
.rotation .download .sj{
    position: relative;
}
.rotation .download .sj i{
    background: url("../images/shouji.png");
    position: absolute;
    left: 0;
    top: 20px;
    width: 77px;
    height: 89px;
}
.rotation .download .xz{
    padding-left: 84px;
    padding-top: 17px;
}
.rotation .download .xz p{
    color: #777;
}
.rotation .download .xz button{
    border-radius: 30px;
    border: 0;
    background-color: #ff7e7e;
    width: 105px;
    height: 35px;
    color: #fff;
    margin-top: 5px;
    outline: none;
}

.swiper-container img{
    width: 100%;
}
.swiper-pagination span{
    background-color: lightpink;
    cursor: pointer;
    width: 12px;
    height: 12px;
}
.swiper-container .swiper-btn{
    background: rgba(0, 0, 0, 0.7);
    font-size:40px;
    color: #ffffff;
    height: 58px;
}
.swiper-container .swiper-btn:hover{
    background-color:lightpink;
    color: white;
    transition: all 1s ease;
}
.swiper-container .swiper-button-prev{
    left: 0;
}
.swiper-container .swiper-button-next{
    right: 0;
    padding-left: 8px;
}
#lbo2{
    display: none;
}

/*轮播的样式 结束*/




/*主体内容样式 开始*/
main .side a{
    display: block;
    height: 71px;
    line-height: 71px;
    text-decoration: none;
}
main .side .a1,
main .side .a2:hover{
    background-color: #faeded;
    color: #ff7e7e;
}
main .side .a2{
    color: #666;
}
main .main-1{
    border: 1px solid #e0e0e0;
}
main .main-1 .four{
    border: 1px solid #e0e0e0;
    text-align: center;
}
main .main-1 .four .zan{
    margin: 18px 0;
    display: block;
    cursor: pointer;
}
main .main-1 .four .zan1{
    border-right: 1px solid #e0e0e0;
}
main .main-1 .one,
main .main-1 .two,
main .main-1 .three{
    padding-left: 25px;
}
main .main-1 .one{
    padding-top: 25px;
}
main .main-1 .three{
    padding-bottom: 25px;
}
main .row .column{
    border: 1px solid #e0e0e0;
}
main .row .column .cum-1{
    padding: 12px 17px;
    border-bottom: 1px solid #e0e0e0;
}
main .row .column .cum-1 h4{
    display: inline-block;
    font-weight: bold;
}
main .row .column .cum-1 span{
    color: #ff7e7e;
}
main .row .column .cum-0{
    padding-left: 18px;
    padding-top: 14px;
}
main .row .column .cum-2{
    padding: 17px 0 0 18px;
}
main .row .column p{
    font-size: 12px;
}
main .row .column .gz button{
    margin-right: 5px;
}
main .row .column .btn a{
    color: #ff7e7e;
    text-align: center;
}
main .row .column .btn{
    width: 100%;
    border-top: 1px solid #e0e0e0;
}
main .row .cum-6{
    border: 1px solid #e0e0e0;
}
main .row .cum-6 img{
    width: 100%;
}



main .main-1 .three{
    position: relative;
}
main .main-1 .three .p1{
    position: absolute;
    top: 15px;
    left: 5px;
}
main .main-1 .three p img{
    width: 30px;
    height: 30px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    position: relative;
    left: 34px;
    z-index: 1;
}
main .main-1 .three .p1 span{
    background-color: #000;
    opacity: 0.5;
    color: #ffffff;
    border-radius: 30px;
    padding: 1px 10px 6px 36px;
}
main .main-1 .three .p2{
    position: absolute;
    top: 15px;
    right: 34%;
}
main .main-1 .three .p2 span{
    background-color: #000;
    opacity: 0.5;
    color: #ffffff;
    border-radius: 30px;
    padding: 2px 9px 3px 26px;
    margin-left: -27px;
}
main .main-1 .three .p2 i{
    color: dodgerblue;
}
main .main-1 .one .zi{
    padding-left: 5px;
}
main .main-1 .one .zi p{
    color: #aaaab2;
}
main .see .more button{
    width: 100%;
    height: 60px;
}
main .gz{
    margin-right: 10px;
}
main .zi{
    padding-left: 10px;
}
main .main-1 .four #gd2{
    position: absolute;
    top: 20px;
    right: 31px;
    width: 150px;
    display: none;
    background-color:seashell;
}
main .main-1 .four #gd2 li{
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 10px;
}
main .main-1 .four #gd2 li:hover{
    background-color:lightpink;
}
main .main-1 .four #gd2 li a{
    color: lightsalmon;
}
/*主体内容样式 结束*/


/*footer样式 开始*/
footer{
    background-color: #555555;
}
footer h5,
footer p{
    color: #ffffff;
    text-align: center;
}
footer .rwm{
    margin: auto;
    display: block;
}
footer ul li{
    text-align: center;
    margin-top: 24px;
}
footer ul li a{
    color: #afafaf;
}
footer ul li a:hover{
    color: lemonchiffon;
}
footer .download{
    border-right: 1px solid #aaaaaa;
    margin-top: 35px;
}
footer .about{
    margin-top: 38px;
}
/*footer样式 结束*/






/*文字选中效果*/
*::selection {
    background-color: palevioletred;
    color: white;
}






/*响应式*/
@media (max-width: 600px) {
    body{
        width: 100%;
    }
    .navbar,.banner,main,footer{
        width:100%;
    }
    .banner .container .row{
        margin-right: 0;
    }
    .navbar-light .navbar-nav .nav-link{
        width: 100%;
        text-align: center;
    }
    .banner .container .ewm{
        width: 40%;
    }
    .banner .container .ewm h6{
        display: none;
    }
    .banner .container .wb p{
        width: 60%;
        position: absolute;
        top: -17px;
        left: 128px;
    }
    .rotation .row{
        margin-right: 0;
        margin-left: 0;
    }
    .rotation .row .lunbo,.rotation .row .redian{
        padding-right: 0;
        padding-left: 0;
    }
    .rotation .title h4{
        text-align: center;
    }
    .rotation .hotspot .c4{
        width: 50%;
    }
    .rotation .download{
        text-align: center;
        padding-bottom: 15px;
    }
    .rotation .download .sj i{
        left: 32px;
    }
    main .row{
        width:100%;
        margin-right: 0;
        margin-left: 0;
    }
    main .row .side{
        padding-left: 0;
    }
    main .row .zhuti{
        padding-right: 0;
    }
    main .three img{
        width:100%;
    }
    main .four .zan{
        width: 33%;
    }
    main .main-1 .three{
        padding-left: 15px;
        padding-right: 15px;
    }
    main .main-1 .three .p2{
        position: absolute;
        top: 17px;
        right: 8%;
    }
    .navbar .navbar-nav .dropdown-men{
        right:-14px;
    }
    .roll #top1{
        position: fixed;
        right:20px;
        font-size: 14px;
    }
}



/*返回顶部的样式 开始*/
.roll i{
    position: fixed;
    right: 80px;
    bottom:80px;
    color: lightcoral;
    font-size: 50px;
    display: none;
    cursor: pointer;
}
/*返回顶部的样式 结束*/